﻿<UserControl x:Class="Studio77.GuessTheWordsForWP7.Views.StageItemView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="480" d:DesignWidth="480" Width="401" Height="76">
	<UserControl.Resources>
		<Style x:Key="ButtonStyleGo" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="image">
												<DiscreteObjectKeyFrame KeyTime="0">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Image Source="/Studio77.GuessTheWordsForWP7;component/Images/button_go_normal.png" Stretch="UniformToFill"/>
							<Image x:Name="image" Source="/Studio77.GuessTheWordsForWP7;component/Images/button_go_pressed.png" Stretch="UniformToFill" Visibility="Collapsed"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>
    
    <Grid x:Name="LayoutRoot">
    	<Grid.ColumnDefinitions>
    		<ColumnDefinition Width="77"/>
    		<ColumnDefinition Width="324"/>
    	</Grid.ColumnDefinitions>
    	<Image Height="76" Source="/Studio77.GuessTheWordsForWP7;component/Images/stage_block.png" Stretch="Fill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="401" Grid.ColumnSpan="2"/>
        <TextBlock x:Name="txtComplete" Grid.Column="1" HorizontalAlignment="Left" Margin="75,0,0,5" TextWrapping="Wrap" Text="{Binding CompleteCount}" VerticalAlignment="Bottom" Foreground="Black" FontSize="18.667"/>
        <TextBlock x:Name="txtTime" Grid.Column="1" Margin="198,0,0,5" TextWrapping="Wrap" Text="{Binding GameTime}" VerticalAlignment="Bottom" Foreground="Black" FontSize="18.667" HorizontalAlignment="Left"/>
    	<TextBlock x:Name="txtScore" Grid.Column="1" Margin="153,3,0,0" TextWrapping="Wrap" Text="{Binding Score}" VerticalAlignment="Top" Foreground="#FF8F5500" FontFamily="Segoe WP Semibold" FontSize="24" HorizontalAlignment="Left"/>
    	<Button Content="Button" Grid.Column="1" HorizontalAlignment="Right" Height="42" Margin="0,0,15,0" Style="{StaticResource ButtonStyleGo}" VerticalAlignment="Center" Width="40" Click="Button_Click" />
        <Image Height="30" Visibility="{Binding OneStarVisibility}" Margin="8,5,0,0" Source="/Studio77.GuessTheWordsForWP7;component/Images/one_star.png" Stretch="Fill" VerticalAlignment="Top" Grid.Column="1" HorizontalAlignment="Left" Width="120"/>
        <Image Height="30" Visibility="{Binding NoStarVisibility}" Margin="8,5,0,0" Source="/Studio77.GuessTheWordsForWP7;component/Images/no_star.png" Stretch="Fill" VerticalAlignment="Top" Grid.Column="1" HorizontalAlignment="Left" Width="120"/>
        <Image Height="30" Visibility="{Binding TwoStarVisibility}" Margin="8,5,0,0" Source="/Studio77.GuessTheWordsForWP7;component/Images/two_star.png" Stretch="Fill" VerticalAlignment="Top" Grid.Column="1" HorizontalAlignment="Left" Width="120"/>
        <Image Height="30" Visibility="{Binding ThreeStarVisibility}" Margin="8,5,0,0" Source="/Studio77.GuessTheWordsForWP7;component/Images/three_star.png" Stretch="Fill" VerticalAlignment="Top" Grid.Column="1" HorizontalAlignment="Left" Width="120"/>
        <Image Height="76" Visibility="{Binding LockVisibility}" Source="/Studio77.GuessTheWordsForWP7;component/Images/stage_block_locked.png" Stretch="Fill" VerticalAlignment="Top" HorizontalAlignment="Left" Width="401" Grid.ColumnSpan="2" d:IsHidden="True"/>
        <TextBlock x:Name="txtStageIndex" TextWrapping="Wrap" Text="{Binding Index}" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Black" FontSize="37.333" FontFamily="Segoe WP Black"/>

    </Grid>
</UserControl>
